<template>
  <el-menu default-active="1" :collapse="collapse" class="container-el-menu">
    <el-menu-item index="1">
      <el-icon><Setting /></el-icon>
      <span>首页</span>
    </el-menu-item>
    <el-menu-item index="2">
      <el-icon><Setting /></el-icon>
      <span>图标选择器</span>
    </el-menu-item>
    <el-menu-item index="3">
      <el-icon><Setting /></el-icon>
      <span>趋势标记</span>
    </el-menu-item>
  </el-menu>
</template>

<script setup lang="ts">
const props = defineProps<{
  collapse: boolean
}>()
</script>

<style scoped>
.container-el-menu:not(.el-menu--collapse) {
  width: 200px;
}
</style>
